html, body{
  padding: 0;
  margin: 0;
  font-size: 62.5%;
  /* background-color: cyan; */
}
nav{
  height: 4.8rem;
  font-size: 1.6rem;
  color: #fff;
  background-color: #000;
}

@media(min-width: 768px){
  .ct-container{
    width: 750px;
  }
}
@media(min-width: 992px){
  .ct-container{
    width: 970px;
  }
}
.ct-container{
  /* border-width: 0 1px; */
  margin: 0 auto;
  font-size: 1.6rem;
  position: relative;
}



.wf-ctner{
  box-sizing: border-box;
  padding: 5px 3px;
  position: absolute;
}
.image-wrapper{
  width: 100%;
  font-size: 0;
}
.desp-wrapper{
  border: 1px solid #F2F2F2;
  /* border-top: none; */
  box-sizing: border-box;
}
.wf-ctner .descript{
  display: block;
  padding: 0 1.6rem;
  margin: 1rem 0;
  font-size: 1.2rem;
  overflow: hidden;
  word-wrap: break-word;
}
.wf-ctner .attribute{
  border-top: 1px solid #F2F2F2;
}



.clearfix::before, .clearfix::after{
  content: "";
  visibility: hidden;
  display: table;
}
.clearfix::after{clear:both;}